<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>落网-独立音乐推荐</title>
		<link rel="stylesheet" href="css/public.css">	
		<link rel="stylesheet" href="css/header.css">
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/footer.css">
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			
		</style>
	</head>
	<body>
		<!--Arrested-header-s-->
		<div class="header">
			<!--头部中间部分-->
			<div class="h-main">
				<a href="###" class="h-main-a fl">
					<span class="logo"></span>''落网
				</a>
				<ul class="m-ul fl">
					<li><a href="###">期刊</a></li>
					<li><a href="###">单曲</a></li>
					<li><a href="###">专栏</a></li>
					<li><a href="###">活动</a></li>
					<li><a href="###">APP</a></li>
				</ul>	
				<!--搜索栏-->
				<div class="h-search fl">
					<form action="###">
						<input type="text" />
						<button></button>	
					</form>
				</div>
				<div class="login fr">
					<a href="javascript:;" class="fs14">登录/注册</a>
					<!--登录框-->
					<div class="l-box">
						<div class="b-top">
							<div class="t-top fs14">
								<span class="fl">登录</span>
								<span class="fr t-span">没有账号?<a href="###" class="fr t-a clearfix">注册</a></span>
							</div>	
							<form class="b-top-form" action="###">
								<div class="b-top-form-div1">
									<span class="fs14">邮箱</span>
									<input type="text" class="f-input-1" />
								</div>
								<div class="b-top-form-div1">
									<span class="fs14">密码</span>
									<input type="text" class="f-input-1" />
								</div>
								<div>
									<input type="button" value="登录" />
								</div>
								<div class="f-div2">
									<lable class="f-lable">
										<input type="checkbox" />下次自动登录
									</lable>
									<a href="###" class=" l-a fr fs14">找回密码</a>
								</div>
								<div class="f-div3">
									<div class="d-div2">
										<a href="###" class="div-a1"></a>
										<a href="###" class="div-a2"></a>
										<a href="###" class="div-a3"></a>
									</div>
								</div>
							</form>
						</div>	
					</div>
				</div>
			</div>
		</div>
		<!--Arrested-header-e-->
		<!--Arrested-main-s-->
		<div class="main clearfix">		
			<div class="main-header">
				<!--header-->
				<div class="m-header">
					<h3 class="d-h3 fl fs24">音乐期刊</h3>
					<div class="fr d-d-div">
						<a href="###">摇滚 </a>        
						<a href="###">另类</a>
						<a href="###">民谣 </a>
						<a href="###">流行</a>
						<a href="###">电子</a>
						<a href="###">英伦</a>
						<a href="###">古典</a>
						<a href="###">暗潮</a>
						<a href="###">爵士</a>
						<a href="###">金属</a>
						<a href="###">更多></a>
					</div>		
				</div>
				<!--main-->
				<!--left-->
				<div class="h-left fl clearfix">
					<a href="###">
						<img src="images/dh1.jpg" width="640" height="452" alt="dh1" />	
					</a>
					<a href="###">vol.983 怒放</a>
				</div>
				<!--right-top-->
				<div class="h-right-top fr clearfix">
					<a href="###">
						<img src="images/dh2.jpg" width="303" height="212" alt="dh2" />	
					</a>
					<a href="###">vol.982 人生是把悲伤的钥匙</a>
				</div>
				<div class="h-right-bottom fr clearfix">
					<a href="###">
						<img src="images/dh3.jpg" width="303" height="212" alt="dh3" />	
					</a>
					<a href="###">vol.981 在得与失之间游刃有余</a>
				</div>
				<div class="h-bottom"></div>
			</div>			
			<!--main-2-->
			<div class="main-2 clearfix">
				<!--left-->
				<div class="m-left fl">
					<h3 class="m-h3 fs24">原创推荐</h3>
					<div class="m-header">
						<img src="images/FuF4beQlreAyLZqtbRZ5LVEaR11p.jpg" class="h-img" width="150" height="150" alt="FuF4beQlreAyLZqtbRZ5LVEaR11p">
						<div class="h-right fr">
							<div class="r-header">
								<a href="###" class="fs22 h-a">开心就足够</a>	
								<p class="fs18 h-p1">徐真真</p>
								<p class="h-p2">2017-11-29</p>
							</div>
						</div>
					</div>
					<div class="m-bottom">
						<span class="b-top"></span>
						<span class="fs14">人生不可能一帆风顺，你会选择什么态度去面对？有人会重新调整新的状态投入寻找理想生活，有人则一蹶不振放弃自己坚持的东西。开心乐观的信仰，有时比黄金珍贵，徐真真用一首朗朗上口的Rap来告诉你看似复杂却又浅显的道理，轻快的flow与积极向上的歌词让人一秒就能豁然开朗，和真真的笑容一样像阳光般照耀着你，驱散你内心的阴霾。今天，我想看到新的你，寒冬里也别忘记去晒晒太阳。</span>
						<span class="b-bottom"></span>
					</div>
				</div>
				<!--right-->
				<div class="m-right fr">
					<!--上-->
					<div class="m-r-header">
						<div class="h-top fr">
							<a href="###">单曲</a>
							<a href="###">专栏</a>
							<a href="###">更多></a>
						</div>
					</div>
					<!--下-->
					<div class="m-right-b">
						<div class="h-main fl">
							<div class="h-main-fl">
								<a href=""><img src="images/FuM6NJm4JecMPU4ggaXAKjKQM2ab.jpg" alt="FuM6NJm4JecMPU4ggaXAKjKQM2ab"></a>
							</div>
							<div class="h-main-bottom">
								<p><a href="###" class="p-a fs14">人类首张在太空录制的专辑</a></p>
								<p><a href="###" class="p-a2">李卤味</a></p>	
							</div>
						</div>
						<div class="h-main fl">
							<div class="h-main-fl">
								<a href=""><img src="images/Ft3KtUoW1x3JtRIIpwaQXp9AwRLu.jpg" alt="Ft3KtUoW1x3JtRIIpwaQXp9AwRLu"></a>
							</div>
							<div class="h-main-bottom">
								<p><a href="###" class="p-a fs14">Sugar Man：隐没在城市里的一把声音</a></p>
								<p><a href="###" class="p-a2">LUO</a></p>	
							</div>
						</div>
					</div>
					
				</div>
			</div>
			<!--main-3-->
			<div class="main-3">
				<!--header-->
				<div class="m-header">
					<h3 class="d-h3 fl fs24">热门活动</h3>
					<div class="fr d-d-div d-d-div2">
						<a href="###">北京 </a>        
						<a href="###">上海</a>
						<a href="###">广州 </a>
						<a href="###">深圳</a>
						<a href="###">武汉</a>
						<a href="###">成都</a>
						<a href="###">台湾</a>
						<a href="###">香港</a>
						<a href="###">更多></a>
					</div>	
				</div>
				<ul class="main-3-ul">
					<li>
						<a href="###"><img src="images/li1.jpg" alt="丹麦梦幻电子Lydmor中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">丹麦梦幻电子Lydmor中国巡演</a>
							<p>时间: 2018-04-21</p>
							<p>地点: 广州</p>
							<p>场所: 191space</p>
							<p>费用: 80元 - 100元</p>
						</div>
					</li>
					<li>
						<a href="###"><img src="images/li1.jpg" alt="丹麦梦幻电子Lydmor中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">丹麦梦幻电子Lydmor中国巡演</a>
							<p>时间: 2018-04-19</p>
							<p>地点: 上海</p>
							<p>费用: 80元 - 100元</p>
						</div>
					</li>
					<li>
						<a href="###"><img src="images/li1.jpg" alt="丹麦梦幻电子Lydmor中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">丹麦梦幻电子Lydmor中国巡演</a>
							<p>时间: 2018-04-18</p>
							<p>地点: 北京</p>
							<p>场所: 黄昏黎明俱乐部</p>
							<p>费用: 80元 - 100元</p>
						</div>
					</li>
					<li>
						<a href="###"><img src="images/li2.jpg" alt="英国盯鞋乐团Yuck中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">英国盯鞋乐团Yuck中国巡演</a>
							<p>时间: 2018-04-17</p>
							<p>地点: 广州</p>
							<p>场所: MAO LIVEHOUSE广州</p>
							<p>费用: 150元 - 180元</p>
						</div>
					</li>
					<li>
						<a href="###"><img src="images/li3.png" alt="智利迷幻大团Föllakzoid中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">智利迷幻大团Föllakzoid中国巡演</a>
							<p>时间: 2018-03-17</p>
							<p>地点: 上海</p>
							<p>场所: 万代南梦宫上海文化中心未来剧场</p>
							<p>费用: 免费</p>
						</div>
					</li>
					<li>
						<a href="###"><img src="images/li3.png" alt="丹麦梦幻电子Lydmor中国巡演"></a>
						<div>
							<a href="###" class="div-a fs16">智利迷幻大团Föllakzoid中国巡演</a>
							<p>时间: 2018-03-16</p>
							<p>地点: 北京</p>
							<p>场所: 疆进酒 OMNI Space</p>
							<p>费用: 100元 - 120元</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--Arrested-main-e-->
		<!--Arrested-footer-s-->
		<div class="footer">
			<div class="f-main">
				<div class="f-main-l">
					<h4 class="f-main-l-h4 fs14">关于</h4>
					<p><a href="###">关于落网</a></p>
					<p><a href="###">加入我们</a></p>
					<p><a href="###">练习合作</a></p>
					<p><a href="###">反馈连接</a></p>
					<p><a href="###">友情连接</a></p>
				</div>
				<div class="f-main-m">
					<h4 class="f-main-l-h4 fs14">APP</h4>
					<p><a href="###" class="f-main-m-a1"><span class="f-main-m-s1"></span>&nbsp;&nbsp;for iPhone</a></p>
					<p><a href="###" class="f-main-m-a1"><span class="f-main-m-s2"></span>&nbsp;&nbsp;for Android</a></p>
					<p><a href="###" class="f-main-m-a1"><span class="f-main-m-s3"></span>&nbsp;&nbsp;for Windows Phone 8</a></p>
				</div>
				<div class="f-main-r">
					<h4 class="f-main-l-h4 fs14">关注落网</h4>
					<div class="f-main-r-d">
						<a href="###"><span class="f-main-r-p4"></span></a>
						<a href="###"><span class="f-main-r-p3"></span></a>
						<a href="###">
							<span class="f-main-r-p2">
								<div class="span-div2"><img src="images/wechat-qr.gif" alt="wechat-qr"></div>	
							</span>
						</a>
						<a href="###">
							<span class="f-main-r-p1">
								<div class="span-div1">
									<p>
										落网QQ官方群
										·324063420
										.55728744
									</p>
								</div>	
							</span>
						</a>
					</div>
					<p class="f-main-r-p5">© 2018 落网</p>
					<p class="f-main-r-p6"><span class="f-main-r-p6-span fs14"></span></p>
				</div>
			</div>
		</div>
		<!--Arrested-footer-e-->
	</body>
</html>
